<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%--导入JSTL的标签库 --%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> 
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>好友中心</title>
<link href="css/myfriend_friendactivity.css" type="text/css" rel="stylesheet" />
<link href="css/sharecss/share.css" type="text/css" rel="stylesheet" /><!-- 仅用于使用里面的样式 -->
<link href="css/myfriend-friendactivity_right_child.css" type="text/css" rel="stylesheet" />
<link href="css/login.css" type="text/css" rel="stylesheet" />
<link  href="css/friendcss/jPages.css" rel="stylesheet" type="text/css"/>
<link  href="css/friendcss/jPages2.css" rel="stylesheet" type="text/css"/>
<link  href="css/friendcss/jPages3.css" rel="stylesheet" type="text/css"/>
<link  href="css/friendcss/animate.css" rel="stylesheet" type="text/css"/>
<link  href="css/friendcss/github.css" rel="stylesheet" type="text/css"/>
<!-- <link href="uploadify/default.css" rel="stylesheet"/> -->
<!-- <link href="uploadify/uploadify.css" rel="stylesheet"/> -->
<link href="fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet"/>
<link href="swfupload/default.css" rel="stylesheet"/>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script type="text/javascript" src="js/friendJs/highlight.pack.js"></script>
<script type="text/javascript" src="js/friendJs/tabifier.js"></script>
<script src="js/friendJs/js.js"></script>
<script src="js/friendJs/jPages.js"></script>
<script src="js/friendJs/jPages2.js"></script>
<script src="js/friendJs/jPages3.js"></script>
<script src="js/friendJs/jquery.lazyload.js"></script>
<script src="js/zmJs/zmjs.js"></script>
<!-- <script type="text/javascript" src="uploadify/swfobject.js"></script>
<script type="text/javascript" src="uploadify/jquery.uploadify.v2.1.0.js"></script> -->
<script type="text/javascript" src="swfupload/fileprogress.js"></script>
<script type="text/javascript" src="swfupload/handlers.js"></script>
<script type="text/javascript" src="swfupload/swfupload.js"></script>
<script type="text/javascript" src="swfupload/swfupload.queue.js"></script>

<script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
</head>
<body>
<div style="background-color:rgb(102,102,102); width:100%;">
	<div class="head" id="head">
    	<div id="webbei_logol">&nbsp;     
        	<img src="img/logo.gif" align="top" height="55"/>
        </div>
        <div class="usercando">
        	<div class="usercando_dingzhi">
            	<a href=""><img src="img/head_custom.gif"/></a>
            </div>
            <div class="usercando_share">
            	<a href=""><img src="img/head_share.gif"/></a>
            </div>
        </div>
        <div class="search" id="search">
        	<div style="width:100%; height:45px;">
            </div>
            <div style="padding-top:0px;">
            	<div style="float:left;">
        		<input type="text" value="" id="searchsomething" /></div>
                <div style="float:left;">
            	<a href=""><img src="img/head_search_bt.gif"/></a></div>
            </div>
        </div>
        <div class="something_else">
        	<div class="something_else_up">
            	<div style="width:120px; float:left; padding-top:7px;">
            		&nbsp;&nbsp;&nbsp;<a href="">转</a>
                	&nbsp;<a href="">加关注</a>
                </div>
                <div style="width:100px; float:left; padding-top:2px; padding-left: 10px;">
                	<a href=""><img src="img/login_txwb.png"/></a>
                	<a href=""><img src="img/login_rr.png"/></a>
                	<a href=""><img src="img/login_db.png"/></a>
                </div>
            </div>
            <div class="something_else_down">
            	<div style="width:125px; float:left; padding-top:5px; padding-left:10px;">
                	<div style="float:left;">
                		<img src="img/head_cart.gif"/>
                    </div>
                    <div style="float:left; height:20px; padding-top:5px;">
                    	&nbsp;购物车(<a href="">2</a>)
                    </div>
                </div>
                <div class="loginandresign">
                	<div id="login_btn" style="float:left; cursor:pointer;">登陆</div>
                    <div id="resign_btn" style="float:left; cursor:pointer;">|注册</div>
                    <div id="login_level">
                		<div class="login_level_email">
    						邮箱：<input type="text" id="email" />
    					</div>
    					<div class="login_level_email">
    						密码：<input type="text" id="pwd" />
    					</div>
    					<div class="remember_pwd">
    						<input type="checkbox" id="checkbox" />
        					记住密码&nbsp;&nbsp;<a href="">忘记密码？</a>
    					</div>
    					<div class="more_loginway">
    						<img src="img/login_qq.png"/>
        					<img src="img/tianya.png"/>
       				 		<img src="img/twitter.png"/>
        					<img src="img/tuita.png"/>
        					<img src="img/msn.png" />
        					<img src="img/souhuweibo.png"/>
        					<img src="img/qiyiqitan.png"/>
        					<img src="img/more.png" id="moreway"/>
    					</div>
             		</div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="my_order_mydesign_content" style="margin-top: 0px;">
	<div id="my_order_mydesign_content_left"  style="margin-top: 0px;" class="my_order_mydesign_content_left">
    	<div class="my_order_mydesign_friendinfo">
        	<div class="my_order_mydesign_friendinfo_username">
            	<div class="my_order_mydesign_friendinfo_username_img">
                	<a href=""><img src="${customer.userFace}"/></a>
            	</div>
                <div class="my_order_mydesign_friendinfo_username_detail">
                	<div class="my_order_mydesign_friendinfo_username_detail_name">
                    	<div style="width:115px; color:rgb(122,131,130); text-align:center; cursor:pointer; float:left; margin-top:0px;" id="username">
                    	${customer.userName}
                    	<c:if test="${state==0}">
                    		<span id="addf"><a href="javascript:void(0);" onclick="addfirends()">+好友</a></span>
                    		<input type="hidden" value="${customer.userName}" id="needaddfirendvalue"/>
                    	</c:if>
                        </div>
                    </div>
                    <div class="my_order_mydesign_friendinfo_username_detail_renqi">
                    	指数：(<a href="" id="zhishu">${userhot.usersHot}</a>)  
                    </div> 
                </div>
        	</div>
            <div class="my_order_mydesign_friendinfo_carinfo_o" align="left" style="color: gray;">
            	${userhot.userPersonalSign}
            </div>
            <div class="my_order_mydesign_friendinfo_carimg" style="color: gray;">
            <%-- 这里暂时只显示用户的一辆车，之后会对这里进行修改--%>
            	<!-- 效果一 -->
            	<%-- <c:forEach items="${lovecars}" var="cars" begin="0" end="0">
            		<img src="img/${cars.usersCarPic}"/>
            	</c:forEach> --%>
            	<!-- 效果二-->
            	<%-- <c:forEach items="${lovecars}" var="cars" begin="0" end="0">
            		<a id="showmylovecar" href="img/${cars.usersCarPic}"><img alt="example1" src="img/${cars.usersCarPic}"/></a>
           		</c:forEach> --%>
           		<!-- 效果三-->
           		<c:forEach items="${lovecars}" var="cars" begin="0" end="0">
            	 <a rel="example_group" href="${cars.usersCarPic}"><img alt="example1" src="${cars.usersCarPic}"/></a><br/> 
			         <%-- <img id="myShowCar_id" src="${cars.usersCarPic}" onmouseover="picturemouseover()" onmouseout="picturemouseout()"/> --%>
			         
			     <%--   <div id="fangxiangdiv" style="display:none;position: absolute;" onmouseover="picturemouseover()">
							<!-- <img id="leftpicture" src="/webbei/js/bgjs/images/custom_selectleft.gif" style="position: relative; left: -90px; top:-90px; width: 22px; height:22px;" />
							<img id="rightpicture" src="/webbei/js/bgjs/images/custom_selectright.gif" style="position: relative; left: 95px; top:-90px; width: 22px; height:22px;" /> -->
				   		    <img id="leftpicture" src="/webbei/js/bgjs/images/custom_selectleft.gif" style=" position:relative; width: 22px; height:22px; top:-100px; left:10px;"  onclick="clickLeftPic()"/>
							<img id="rightpicture" src="/webbei/js/bgjs/images/custom_selectright.gif" style="  position:relative;width: 22px; height:22px;top:-100px; left:230px;" onclick="clickRightPic()"/> 
				   </div>
			       <br/><br/> --%>
			         <c:if test="${cars.usersCarBrind!=''}">
			         	<c:if test="${cars.usersCarBrind!=null}">
			         		<br/>
				           	 <span style="float:left;">爱车信息：</span>
				           	 <span style="float:left;">${cars.usersCarBrind}&nbsp;${cars.usersCarName}&nbsp;${cars.usersCarAge}岁了</span> 
			        	 </c:if>
			         </c:if>
		           	 <c:if test="${cars.usersCarBrind=='' or cars.usersCarBrind==null}">
			           		<br/>
			           	 <span style="float:left;">暂无爱车</span><br/>
			         </c:if> 
           		</c:forEach>
	           	<c:forEach items="${lovecars}" var="cars" begin="1">
	            	<a rel="example_group" href="${cars.usersCarPic}"><img alt="example1" src="${cars.usersCarPic}" style="display: none;"/></a>
	           	</c:forEach> 
            </div>
        </div>
        <br/><br/>
        <div class="my_order_mydesign_hisfriendinfo">
	        <div class="share_content_right_title1" style="border-radius: 15px 15px 15px 15px;">
				他的好友
			</div>
        	<!-- <div class="my_order_mydesign_hisfriendinfo_title">
            	他的好友
            </div> -->
            <!-- <div class="my_order_mydesign_search">
            	<div class="my_order_mydesign_search_left">
                +好友列表
                </div>
                <div class="my_order_mydesign_search_right">
	                <form  method="post" id="selectform">
	                	<input type="text" id="selectNewFriend" name="uname"/>
	                    <span><a href="javascript:void(0);" onclick="selectNewFriend()">搜索</a></span>
	                </form>
                </div>
            </div> -->
           
         <div id="itemContainerc">
	          <c:forEach items="${hisfriends}" var="fri">
			             <%-- <div class="my_order_mydesign_hisfriendinfo_child"><!--好友排行榜节点-->
					            	<div class="my_order_mydesign_hisfriendinfo_child_username_img">
					                		<a href=""><img src="img/login_kj.png"/></a>
					            	</div>
					                <div class="my_order_mydesign_hisfriendinfo_child_username_detail">
						                	<div class="my_order_mydesign_hisfriendinfo_child_username_detail_name">
							                    	<div class="friend_child_name" id="username">
								                    	<a href="getFriendOwnMessageAction?uname=${fri.userName}">
								                    	${fri.userName}</a>
							                        </div>
						                    </div>
					                    <div class="my_order_mydesign_hisfriendinfo_child_username_detail_renqi">
					                    	指数：(<a href="" id="zhishu">${fri.usersHot}</a>)
					                    </div>
					                </div>
			            </div> --%>
			            <div class="share_content_right_child" style="display: block; opacity: 1; border-radius: 15px 15px 15px 15px;">
							<div class="share_right_child_img" style="border-radius: 15px 15px 15px 15px;">
								<span id="asdasd" class="friendrank1">
									<a href=""><img src="img/login_kj.png"/></a>
								</span>
							</div>
							<div class="share_right_child_userinfo" style="border-radius: 15px 15px 15px 15px;">
								<div class="share_right_child_userinfo_name" style="border-radius: 15px 15px 15px 15px;">
									<a href="getFriendOwnMessageAction?uname=${fri.userName}">${fri.userName}</a>
								</div>
								<div class="share_right_child_userinfo_message" style="border-radius: 15px 15px 15px 15px;">
								指数：
								(<font color="red">${fri.usersHot}</font>)
								</div>
							</div>
						</div>
	            </c:forEach>
          </div> 
          <div class="holder3"></div>
        </div>
         
    </div>
    <div id="my_order_mydesign_content_right" class="my_order_mydesign_content_right"><%--6 --%>
    	<div class="myfriend_friendactivity_content_right_select">
    		<div class="myfriend_friendactivity_content_right_select_mymoney2" id="dingzhidiv">
            	<div class="myfriend_friendactivity_content_right_select_order_up">
                	<a href="javascript:void(0);" onclick="showdingzhi()" style="font-size: 25px;">好友定制</a>
                </div>
                <div class="myfriend_friendactivity_content_right_select_order_down">
                	（${customsSize}条）
                </div>
            </div>
			<div class="myfriend_friendactivity_content_right_select_mymoney" id="sharediv">
            	<div class="myfriend_friendactivity_content_right_select_order_up">
                	<a href="javascript:void(0);" onclick="showshare()" style="font-size: 25px;">好友分享</a>
                </div>
                <div class="myfriend_friendactivity_content_right_select_order_down">
                	（${customsSharecount}条）
                </div>
            </div>
            <%--======================给指定的用户发私信开始============================== --%>
			<div id="sendmessagespan">
				<form target="hidden_iframe" id="msgform" action="SendMessageEachOtherAction" method="post" enctype="multipart/form-data">
					给他发私信
						<textarea rows="1" cols="33" name="messageContent" id="msgContent" style="font-size:15px;color:gray;"></textarea>
					 	<input type="file" name="imageandfile"  style="display: none;" id="upimage" onchange="changeimageandfile()" accept="image/*"/>
						<button  type="button" onclick="openFileImage();">上图片</button>
						<input type="file" name="imageandfile"  style="display: none;" id="ofile" onchange="changeupdatefile()"/>
						<button  type="button" onclick="openFile();">上文件</button>
						<input type="hidden" name="toName" value="${customer.userName}"/>
						<iframe id="hidden_iframe" name="hidden_iframe" style="display: none;"></iframe>
						<button  type="button" onclick="check();">发送</button>
				</form>
				<div id="selectfilenamediv" style="font-size:small;color: red;"></div>
			</div>
			<%--======================给指定的用户发结束============================== --%>
      	</div><!--大选择项结束-->
      	<div id="dingzhiall_out">
	      	<div id="dingzhiall"><%--2--%><%--定制开始 --%>
		      	<c:forEach items="${customs}" var="cu"> 
			      			<div id="${cu.customId}eachdingzhiall" class="share_content_left_child" style="border-radius:10px 10px 10px 10px;">
			      					<!-- left begin -->
				      			<div id="${cu.customId}eachdingzhiall_left" class="share_content_left_child_img" style="border-radius:10px 10px 10px 10px;">
				      				<img src="${cu.orderPic}" class="productionimg" style="border-radius:10px 10px 10px 10px;"/>
				      			</div>
				      				<!-- right begin -->
				      			<div id="${cu.customId}eachdingzhiall_right" class="share_content_left_child_text" style="height: 230px; border-radius:10px 10px 10px 10px;">
				      				<div class="share_usertext_child_comment"> 
					      				<span style="float: left;">【${cu.userName}】:${cu.orderContent}</span>
					      				<span><fmt:formatDate value="${cu.orderTime}" pattern="yyyy/MM/dd HH:mm:ss" /></span>
				      				</div>
				      				<div id="${cu.customId}eachdingzhiall_right_Comment" align="left"><!-- customComment -->
						      					<c:set var="stop" value="0"></c:set>
					      						<c:set var="owncommentsize" value="0"></c:set>
					      						<div class="${cu.customId}Comment">
							      					<c:forEach items="${custComments}" var="comm">
								      						<c:if test="${comm.customId==cu.customId}">
								      							<c:set var="owncommentsize" value="${owncommentsize+1}"></c:set>
																<c:if test="${stop==0}">
																	<font size="2"><a href="getFriendOwnMessageAction?uname=${comm.userName}">${comm.userName}</a>:${comm.commentContent} 
								      								<fmt:formatDate value="${comm.commentTime}" pattern="yyyy/MM/dd HH:mm:ss" /></font><br/>
								      								<span style="float: right"><a href="javascript:void(0);" onclick="openDialog('${comm.userName}')">私聊</a>|<a href="javascript:void(0);" onclick="openReportDialog('${comm.userName}','${comm.commentId}')">举报</a></span><br/>
								      								<c:set var="stop" value="1"></c:set>
																</c:if>	
								      						</c:if>
							      					</c:forEach>
						      					</div>
						      					<br/><br/>
				      					<a href="javascript:void(0);)" onclick="ShowMoreComment(${cu.customId})">显示更多评论</a>(共<span class="${cu.customId}comemntcount">${owncommentsize}</span>条)<br/>
				      					<%-- <a href="javascript:void(0);"  onclick="showfriendorderothercomment('${cu.customId}')">显示更多评论</a>(共<span class="${cu.customId}comemntcount">${owncommentsize}</span>条)<br/> --%>
				      					<!-- class="showothercomment" -->
				      					
				      					<%-- <div  class="${cu.customId}friendothercomment" id="${cu.customId}friendorderothercomment" style="display: none;position: absolute; z-index:999; background-color:#9AC0CD;">
				      						<c:forEach items="${custComments}" var="comm"> 
				      							<c:if test="${cu.customId==comm.customId}">
				      								<font size="2"><a href="getFriendOwnMessageAction?uname=${comm.userName}">${comm.userName}</a>:${comm.commentContent} 
				      								<fmt:formatDate value="${comm.commentTime}" pattern="yyyy/MM/dd HH:mm:ss" /></font><br/>
				      								<span style="float: right"><a href="javascript:void(0);" onclick="openDialog('${comm.userName}')">私聊</a>|<a href="javascript:void(0);" onclick="openReportDialog('${comm.userName}','${comm.commentId}')">举报</a></span><br>
				      							</c:if>
			      							</c:forEach>
			      						</div> --%>
			      						<input type="text" name="textContent" size="30" id="${cu.customId}dingzhicontent"/><br/>
				      					<button  type="button" onclick="CustomUploadFiledialog(${cu.customId},'${cu.userName}')">上传图片或文件</button><button  type="button" onclick="sendCommentInOwnMessageByOrder('${cu.customId}')">发表</button>
				      				</div>
				      			</div>
				      			<br/>
			      			</div> 
		      	</c:forEach>
	      	</div><%--2 --%><%--定制结束 --%>
	      	<div class="holder"></div>
      	</div>
      	
      	<div id="shareall_out">
      	<div id="shareall"><%--分享开始 --%><%--1 --%>
      			<c:forEach items="${customsShare}" var="share"> 
		      			<div id="${share.customId}eachshareall" class="share_content_left_child" style="border-radius:10px 10px 10px 10px;">
		      					<!-- left begin -->
			      			<div id="${share.customId}eachshareall_left" class="share_content_left_child_img" style="border-radius:10px 10px 10px 10px;">
			      				<img src="${share.orderPic}" class="productionimg" style="border-radius:10px 10px 10px 10px;"/>
			      			</div>
			      				<!-- right begin -->
			      			<div id="${share.customId}eachshareall_right" class="share_content_left_child_text" style="height: 230px; border-radius:10px 10px 10px 10px;">
			      			<div class="share_usertext_child_comment"> 
			      				<span style="float: left;">【${share.userName}】:${share.orderContent}</span>
			      				<span><fmt:formatDate value="${share.orderTime}" pattern="yyyy/MM/dd HH:mm:ss" /></span>
			      			</div>	
			      				<div id="${share.customId}eachshareall_right_Comment" align="left"><!-- customComment -->
			      					<c:set var="stop" value="0"></c:set>
		      						<c:set var="owncommentsize" value="0"></c:set>
		      						<div class="${share.customId}Comment">
				      					<c:forEach items="${custComments}" var="comm">
				      						<c:if test="${comm.customId==share.customId}">
				      							<c:set var="owncommentsize" value="${owncommentsize+1}"></c:set>
												<c:if test="${stop==0}">
														<font size="2"><a href="getFriendOwnMessageAction?uname=${comm.userName}">${comm.userName}</a>:${comm.commentContent} 
					      								<fmt:formatDate value="${comm.commentTime}" pattern="yyyy-MM-dd HH:mm:ss" /></font><br/>
					      								<span style="float: right"><a href="javascript:void(0);" onclick="openDialog('${comm.userName}')">私聊</a>|<a href="javascript:void(0);" onclick="openReportDialog('${comm.userName}','${comm.commentId}')">举报</a></span><br>
					      								<c:set var="stop" value="1"></c:set>
												</c:if>	
				      						</c:if>
				      					</c:forEach>
			      					</div>
			      					<br/><br/>
			      					<a href="javascript:void(0);)" onclick="ShowMoreComment(${share.customId})">显示更多评论</a>(共<span class="${share.customId}comemntcount">${owncommentsize}</span>条)<br/>
			      					<%-- <a href="javascript:void(0);"  onclick="showfriendshareothercomment('${share.customId}')">显示更多评论</a>(共<span class="${share.customId}comemntcount">${owncommentsize}</span>条)<br/> --%>
			      					<!-- class="showothercomment" -->
			      					<%-- <div class="${share.customId}friendothercomment" id="${share.customId}friendshareothercomment"  style="display:none;position: absolute;  z-index:999;background-color:#ADD8E6;">
			      						<c:forEach items="${custComments}" var="comm"> 
			      							<c:if test="${share.customId==comm.customId}">
			      								<font size="2"><a href="getFriendOwnMessageAction?uname=${comm.userName}">${comm.userName}</a>:${comm.commentContent} 
			      								<fmt:formatDate value="${comm.commentTime}" pattern="yyyy-MM-dd HH:mm:ss" /></font><br/>
			      								<span style="float: right"><a href="javascript:void(0);" onclick="openDialog('${comm.userName}')">私聊</a>|<a href="javascript:void(0);" onclick="openReportDialog('${comm.userName}','${comm.commentId}')">举报</a></span><br>
			      							</c:if>
		      							</c:forEach>
		      						</div> --%>
		      						<input type="text" name="textContent" size="30" id="${share.customId}sharecontent"/><br/>
		      						<%-- <input type="button" value="上传图片或文件" onclick="CustomUploadFiledialog(${share.customId},'${share.userName}')"/><input type="button" value="发表" onclick="sendCommentInOwnMessageByShare('${share.customId}')"/> --%> <%-- 这里的chenhao 之后是从SESSION中获取的，目前暂时先用chenhao代替 --%>
			      					<button type="button" onclick="CustomUploadFiledialog(${share.customId},'${share.userName}')">上传图片或文件</button><button  type="button" onclick="sendCommentInOwnMessageByShare('${share.customId}')">发表</button>
			      				</div>
			      			</div>
			      			<br/>
		      			</div>
	      	</c:forEach>
      	</div><%--分享结束 --%><%--1 --%>
      	<div class="holder2"></div>
      	</div>
      	<%--=====================两个弹出框======================= --%>
      	 <div id="register-form" class= "ui-widget ui-widget-content ui-corner-all" style="display: none;">
    	 </div >
    	 <div id="report-form" class="ui-widget ui-widget-content ui-corner-all" style="display: none">
    	 </div >
    	 <div id="report_success"></div>
    	 <div id="customUploadFiledialog"></div>
    	 <%--=====================全部结束======================= --%>
	</div><%--6 --%><!--right结束-->
		
</div>

<div id="bottom">
    <div class="bottom">
		<font>All Content Copyright ? 2012-2022 webbei company. All designs copyright by owner. Privacy Policy. Terms of Use.</font>
	</div>
</div>
</body>
</html>